<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>基于区块链的个人健康跟踪应用</title>

    <!-- Favicon -->
    <link rel="icon" href="/img/core-img/favicon.ico">

    <!-- Core Stylesheet -->
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/static-style.css" rel="stylesheet">

    <!-- Responsive CSS -->
    <link href="/css/details/responsive.css" rel="stylesheet">

    <!-- 网页私有样式表 -->
    <link href="/css/details/user.css" rel="stylesheet">
</head>

<body>
    <!-- Preloader Start -->
    <div id="preloader">
        <div class="loader">
            <span class="inner1"></span>
            <span class="inner2"></span>
            <span class="inner3"></span>
        </div>
    </div>

    <div class="default-load" id="user"></div>

    <div class="default-load" id="header"></div>

    <div class="default-load" id="breadcumb">
        <h2>用户注册</h2>
        <nav>
            <ol class="breadcrumb justify-content-center">
                <li class="breadcrumb-item"><a href=""><i class="fa fa-home" aria-hidden="true"></i>
                        用户</a></li>
                <li class="breadcrumb-item active" aria-current="page">用户注册</li>
            </ol>
        </nav>
    </div>

    <section class="single_blog_area section-padding-100">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12">
                    <h2 class="center">注册BCOH账号</h2>
                    <form onsubmit="return logon_submit()">
                        <div class="form-group">
                            <label for="logon-username">用户名</label>
                            <input type="text" class="form-control" id="logon-username" required>
                            <div class="invalid-feedback">
                                用户名已被使用
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="logon-email">邮箱</label>
                            <input type="email" class="form-control" id="logon-email" aria-describedby="emailHelp"
                                required>
                            <div class="invalid-feedback">
                                邮箱已被使用
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="logon-passworrd1">密码</label>
                            <input type="password" class="form-control" id="logon-passworrd1" required>
                            <label for="logon-passworrd2">确认密码</label>
                            <input type="password" class="form-control" id="logon-passworrd2" required>
                            <div class="invalid-feedback">
                                两次密码不同
                            </div>
                        </div>
                        <div class="form-group form-check">
                            <input type="checkbox" class="form-check-input" id="logon-check">
                            <label class="form-check-label" for="logon-check">我已阅读并同意相关服务条款和隐私政策</label>
                            <div class="invalid-feedback">
                                请阅读并同意相关服务条款和隐私政策
                            </div>
                        </div>
                        <div class="form-group form-check center">
                            <button type="submit" class="btn btn-primary logon-btn">注册</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>

    <div class="default-load" id="footer"></div>


    <!-- jQuery-3.3.1 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <!-- jQuery-cookie-1.4.1 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <!-- Popper-1.14.3 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/1.14.3/esm/popper.js" type="module"></script>
    <!-- Bootstrap-4.1.3 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.js"></script>
    <!-- WOW-1.1.2 js -->
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.js"></script>
    <!-- All Plugins js -->
    <script src="/js/others/plugins.js"></script>
    <!-- Active JS -->
    <script src="/js/active.js"></script>
    <!-- 文档界面 JS -->
    <script src="/js/others/document.js"></script>
    <!-- USER JS -->
    <script src="/js/user.js"></script>
    <!-- MD5 JS -->
    <script src="https://cdn.bootcdn.net/ajax/libs/blueimp-md5/2.18.0/js/md5.js"></script>
</body>